<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>元素属性操作</title>
		<!-- 元素 固定属性 ---清楚 元素是否可用
					附加属性 ---表单为主 ，checked disabled1
			prpo()  --功能 attr类似,针对表单 默认选中
			removePrpo()   功能 与remoeAttr类似 针对表单 移除选中
			
			
			-->
			<script src="../js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<h1>
			prop()和removeProp() 函数使用
			
		</h1>
		<!--  -->
		<input type="checkbox" name="33" id="myCheckBox" checked/>
		<button id="getProBtn">1</button>
		<button id="setProBtn">2</button>
		<button id="removeProBtn">3</button>
		
		<div id="output"></div>
		<script>
			$("#getProBtn").click(function(){
				$("#output").text("复选框值是"+$("input").prop("checked"))
			})
			$("#setProBtn").click(function(){
				$("input").prop("checked",false)
			})
			$("#removeProBtn").click(function(){
				$("input").removeProp("checked")
			})
		</script>
	</body>
</html>